<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>监管举报信息分办</title>
    <script src="../../js/header.js"></script>
</head>

<body>
<div v-cloak id="app">
	<div style="margin-top: 10px;">
		<div style="margin-top: 10px;border-bottom:1px solid rgba(200,200,200,0.43);">
			<el-form :model="selectForm" :rules="rules" ref="selectForm" label-width="150px">
				<el-row>
					<el-col :span="8">
						<el-form-item label="举报属地:" prop="" label-width="110px">
							<el-select  v-model="selectForm.tipTerritory" placeholder="请选择"  >
								<el-option label="全部来源" value="全部属地"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="举报对象:" prop="" label-width="110px">
							<el-input v-model="selectForm.tipObject" placeholder=""></el-input>
						</el-form-item>
				    </el-col>

					<el-col span="8">
						<el-form-item label="分办司局名称:" label-width="110px">
							<el-select  v-model="selectForm.fbBureau" placeholder="请选择"  >
								<el-option label="综合监管" value="综合监管"></el-option>
								<el-option label="自然资源" value="自然资源"></el-option>
							</el-select>						
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="8">
						<el-form-item label="分办处室名称: " label-width="110px">
							<el-select  v-model="selectForm.fbDepartment" placeholder="请选择" >
								<el-option label="综合监管" value="综合监管"></el-option>
								<el-option label="自然资源" value="自然资源"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="举报问题类型:" label-width="110px">
							<el-select  v-model="selectForm.tipType" placeholder="请选择" >
								<el-option label="综合监管" value="综合监管"></el-option>
								<el-option label="自然资源" value="自然资源"></el-option>
								<el-option label="生态环境" value="生态环境"></el-option>
								<el-option label="交通运输" value="交通运输"></el-option>
								<el-option label="农业农村" value="农业农村"></el-option>
								<el-option label="文化旅游" value="文化旅游"></el-option>
								<el-option label="卫生健康" value="卫生健康"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="举报人姓名:" prop="" label-width="110px">
							<el-input v-model="selectForm.name" placeholder=""></el-input>
						</el-form-item>
					</el-col>

				</el-row>
				<el-row>
					<el-col :span="8">
						<el-form-item label="举报办理状态:" prop=""  label-width="110px">
							<el-select v-model="selectForm.taskState">
								<el-option label="未分办" value="100"></el-option>
								<el-option label="已分办" value="101"></el-option>
								<el-option label="处理中" value="102"></el-option>
								<el-option label="已拒绝" value="103"></el-option>
								<el-option label="已答复" value="104"></el-option>
								<el-option label="已反馈" value="105"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="10">
						 <el-form-item label="接受时间:" label-width="110px">
							 <el-row>
								 <el-col span="6" style="width: 180px;">
									 <el-form-item prop="startTime">
										 <el-date-picker type="date" :editable="false" @change="changeStartDate" placeholder="选择日期" v-model="selectForm.startTime"
														value-format="yyyy-MM-dd"  :clearable="false"style="width: 170px;">
										 </el-date-picker>
									 </el-form-item>
								 </el-col>
								 <el-col span="1" style="color: rgb(192, 204, 218);text-align: center;">
									 <span>至</span>
								 </el-col>
								 <el-col span="6">
									 <el-form-item prop="endTime">
										 <el-date-picker type="date" :editable="false" @change="changeStartDate" placeholder="选择日期" v-model="selectForm.endTime"
														value-format="yyyy-MM-dd"  :clearable="false" style="width: 170px;">
										 </el-date-picker>
									 </el-form-item>
								 </el-col>
							 </el-row>
						</el-form-item>
					</el-col>
					<div style="float: right;">
						<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm()">查询</el-button>
						<el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm()">重置</el-button>
					</div>
				</el-row>
			</el-form>
		</div>

		<el-table :data="tableData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
			<el-table-column type="selection" ></el-table-column>
			<el-table-column
					type="index"
					label="序号"
					width="60"
					align="center">
			</el-table-column>
			<el-table-column
					prop="registerCode"
					label="举报登记编号"
					width="130"
					align="center" >
			</el-table-column>
			<el-table-column
					prop="tipTerritory"
					label="举报属地"
					width="120"
					align="center">
				<!--<template slot-scope="scope">
					<span v-if="scope.row.taskJgType=='0'">行政检查</span>
					<span v-if="scope.row.taskJgType==1">行政处罚</span>
					<span v-if="scope.row.taskJgType==2">行政强制</span>
					<span v-if="scope.row.taskJgType==3">其它</span>
				</template>-->
			</el-table-column>
			<el-table-column
					prop="tipObject"
					label="举报对象"
					width="160"
					align="center">
			</el-table-column>
			<el-table-column
					prop="tipType"
					label="举报问题类型"
					width="140"
					align="center">
			</el-table-column>
			<el-table-column
					prop="name"
					label="举报人姓名"
					width="100"
					align="center">
			</el-table-column>
			<el-table-column
					prop="fbBureau"
					label="分办司局名称"
					width="130"
					align="center">
			</el-table-column>
			<el-table-column
					prop="fbDepartment"
					label="分办处室名称"
					width="130"
					align="center">
			</el-table-column>
			<el-table-column
					prop="receiveTime"
					label="接受时间"
					width="140"
					align="center">
			</el-table-column>
			<el-table-column
					prop="taskState"
					label="办理状态"
					width="90"
					align="center">
				<template slot-scope="scope">
					<span v-if="scope.row.taskState==100">未分办</span>
					<span v-if="scope.row.taskState==101">已分办</span>
					<span v-if="scope.row.taskState==102">处理中</span>
					<span v-if="scope.row.taskState==103">已拒绝</span>
					<span v-if="scope.row.taskState==104">已答复</span>
					<span v-if="scope.row.taskState==105">已反馈</span>
				</template>
			</el-table-column>
			<el-table-column
					label="操作"
					width=""
					align="center">
				<template slot-scope="scope">
						<el-button size="mini" @click="view(scope.$index,scope.row)">查看</el-button>
                    <span v-if="scope.row.taskState==100 || scope.row.taskState==103 ">
						<el-button type="primary" size="mini" @click="dispense(scope.$index,scope.row)">分办</el-button>
						<el-button type="danger" size="mini" @click="finish(scope.$index,scope.row)" disabled>结束</el-button>-->
						<el-button type="success" size="mini" @click="feedback(scope.$index,scope.row)" disabled>反馈</el-button>
                    </span>
                    <span v-if="scope.row.taskState==104">
						<el-button type="primary" size="mini" @click="dispense(scope.$index,scope.row)" disabled>分办</el-button>
                        <el-button type="danger" size="mini" @click="finish(scope.$index,scope.row)">结束</el-button>
						<el-button type="success" size="mini" @click="feedback(scope.$index,scope.row)"disabled >反馈</el-button>
                    </span>
                    <span v-if="scope.row.taskState==106">
						<el-button type="primary" size="mini" @click="dispense(scope.$index,scope.row)" disabled>分办</el-button>
                        <el-button type="danger" size="mini" @click="finish(scope.$index,scope.row)"disabled  >结束</el-button>
						<el-button type="success" size="mini" @click="feedback(scope.$index,scope.row)" >反馈</el-button>
                    </span>
				</template>
			</el-table-column>
		</el-table>
		<div style="overflow: hidden;">
			<div class="pagination">
				<el-pagination
						@size-change="handleSizeChange"
						@current-change="handleCurrentChange"
						:current-page="currentPage"
						:page-sizes="[10, 20, 30, 40]"
						:page-size="pagesize"
						background
						layout="total, sizes,prev, pager, next"
						:total="tableTotal"
						prev-text="上一页"
						next-text="下一页">
				</el-pagination>
			</div>
		</div>
		<!--查看监管举报任务详情-->
		<el-dialog title="" :visible.sync="viewUniondetail" center fullscreen>
			<el-form :model="fbDetail" :rules="rules" ref="fbDetail" label-width="140px">
				<el-row>
					<el-col :span="4" class="tab-title">
					监管举报信息详情
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="登记编号:"  prop="jgTsjbReportInfoEntity.registerCode"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.registerCode"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="举报对象:" prop="jgTsjbReportInfoEntity.tipObject"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.tipObject"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="举报对象统一社会信用代码:"  prop="jgTsjbReportInfoEntity.enterpriseCreditCode"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.enterpriseCreditCode"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="举报问题类型:" prop="jgTsjbReportInfoEntity.tipType"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.tipType" placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>						
					<el-col :span="11">
						<el-form-item label="举报属地:"  prop="jgTsjbReportInfoEntity.tipTerritory" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.tipTerritory" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="举报地区行政区化代码:"  prop="jgTsjbReportInfoEntity.areaNumber"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.areaNumber" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>				
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="商品/服务类型:"  prop="jgTsjbReportInfoEntity.serviceType"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.serviceType"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="商品/服务名称:" prop="jgTsjbReportInfoEntity.serviceName"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.serviceName"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="品牌:"  prop="jgTsjbReportInfoEntity.brand"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.brand"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="发生地点:" prop="jgTsjbReportInfoEntity.happenPlace"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.happenPlace"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="状态:"  prop="jgTsjbReportInfoEntity.status"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.status"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="污染类型:" prop="jgTsjbReportInfoEntity.pollutionType"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.pollutionType" placeholder="请选择"  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="涉案金额:"  prop="jgTsjbReportInfoEntity.involveAmount" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.involveAmount" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="信息标签:"  prop="jgTsjbReportInfoEntity.tagName"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.tagName" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="22">
						<el-form-item label="举报内容:"  prop="" label-width="140px">
							<el-input
									type="textarea"
									disabled
									:autosize="{ minRows: 8, maxRows: 8}"
									placeholder=""
									maxlength="500"
									show-word-limit
									v-model="fbDetail.jgTsjbReportInfoEntity.tipDetail">
							</el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="4" class="tab-title">
						举报人信息
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="举报人姓名:"  prop="jgTsjbUserInfoEntity.name" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.name"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="联系地址:" prop="jgTsjbUserInfoEntity.address"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.address"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="性别:"  prop="jgTsjbUserInfoEntity.sex" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.sex"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="手机号码:" prop="jgTsjbUserInfoEntity.mobile"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.mobile"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>						
					<el-col :span="11">
						<el-form-item label="证件类型:"  prop="" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.certificateType" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="证件号码:"  prop="" label-width="190px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.certificateNumber" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>

				<div v-if="fbDetail.jgFbJgjbEntity.fbType !=''">
				<el-row>
						<el-col :span="4" class="tab-title">
							任务分办
						</el-col>
					</el-row>
				<el-row>
						<el-col :span="11">
							<el-form-item label="类型:"  prop="jgFbJgjbEntity.fbType" :rules="rules.fbType" label-width="140px">
								<el-select v-model="fbDetail.jgFbJgjbEntity.fbType" placeholder="请选择" disabled>
									<el-option label="部门" value="0"></el-option>
									<el-option label="地区" value="1"></el-option>		
								</el-select>
							</el-form-item>
						</el-col>						
					</el-row>
				<el-row v-if="fbDetail.jgFbJgjbEntity.fbType=='0'">
						<el-col :span="11">
							<el-form-item label="部级司局名称:"  prop="jgFbJgjbEntity.fbBureau" :rules="rules.fbBureau" label-width="140px">
								<el-input v-model="fbDetail.jgFbJgjbEntity.fbBureau"  placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="11">
							<el-form-item label="处室名称:" prop="jgFbJgjbEntity.fbDepartment" label-width="190px">
								<el-input v-model="fbDetail.jgFbJgjbEntity.fbDepartment"  placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
				<el-row v-if="fbDetail.jgFbJgjbEntity.fbType=='1'">
						<el-col :span="11">
							<el-form-item label="地方管局名称:"  prop="jgFbJgjbEntity.fbBureau" :rules="rules.fbBureau" label-width="140px">
								<el-input v-model="fbDetail.jgFbJgjbEntity.fbBureau"  placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="11">
							<el-form-item label="处室名称:" prop="jgFbJgjbEntity.fbDepartment" label-width="190px">
								<el-input v-model="fbDetail.jgFbJgjbEntity.fbDepartment"  placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
				<el-row  v-if="fbDetail.jgFbJgjbEntity.refuseReason !=''">
					<el-col :span="22">
						<el-form-item label="拒绝原因:"  prop="" label-width="140px">
							<el-input
									type="textarea"
									disabled
									:autosize="{ minRows: 8, maxRows: 8}"
									placeholder=""
									maxlength="500"
									show-word-limit
									v-model="fbDetail.jgFbJgjbEntity.refuseReason">
							</el-input>
						</el-form-item>
					</el-col>
				</el-row>
				</div>

				<el-row>
					<el-col :span="4" class="tab-title">
						任务催办
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="催办类型:"  prop="jgTsjbUrgeInfoEntity.superviseType"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbUrgeInfoEntity.superviseType"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="催办部门:" prop="jgTsjbUrgeInfoEntity.superviseDepartment"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbUrgeInfoEntity.superviseDepartment" placeholder="请选择"  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="催办人员:"  prop="jgTsjbUrgeInfoEntity.supervisePerson" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbUrgeInfoEntity.supervisePerson" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="催办时间:"  prop="jgTsjbUrgeInfoEntity.superviseDate"  label-width="190px">
							<el-date-picker v-model="fbDetail.jgTsjbUrgeInfoEntity.superviseDate"value-format="yyyy-MM-dd" placeholder="" disabled></el-date-picker>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="22">
						<el-form-item label="催办意见:"  prop="" label-width="140px">
							<el-input
									type="textarea"
									disabled
									:autosize="{ minRows: 8, maxRows: 8}"
									placeholder=""
									maxlength="500"
									show-word-limit
									v-model="fbDetail.jgTsjbUrgeInfoEntity.superviseWords">
							</el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<div v-if="fbDetail.jgTsjbReportInfoEntity.taskState  >= '104'">
					<el-row>
						<el-col :span="4" class="tab-title">
							答复内容
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="22">
							<el-form-item label="经办意见:"  prop="" label-width="140px">
								<el-input
										type="textarea"
										disabled
										:autosize="{ minRows: 8, maxRows: 8}"
										placeholder=""
										maxlength="500"
										show-word-limit
										v-model="fbDetail.jgTsjbHandleInfoEntity.content">
								</el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="11">
							<el-form-item label="监管行为编号:"  prop="jgTsjbHandleInfoEntity.actionCode" label-width="140px">
								<el-input v-model="fbDetail.jgTsjbHandleInfoEntity.actionCode" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="11">
							<el-form-item label="经办过程编号:"  prop="jgTsjbHandleInfoEntity.processCode"  label-width="190px">
								<el-input v-model="fbDetail.jgTsjbHandleInfoEntity.processCode" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="11">
							<el-form-item label="处理方式:"  prop="jgTsjbHandleInfoEntity.progressState" label-width="140px">
								<el-input v-model="fbDetail.jgTsjbHandleInfoEntity.progressState" placeholder="" disabled></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="11" style="position: relative">
							<el-button type="primary" size="mini" style="position: absolute;top: 7px;left: 100px;width: 200px;"@click="viewSupervision()">查看调解信息</el-button>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="22">
							<el-form-item label="结案后回复:"  prop="" label-width="140px">
								<el-input
										type="textarea"
										disabled
										:autosize="{ minRows: 8, maxRows: 8}"
										placeholder=""
										maxlength="500"
										show-word-limit
										v-model="fbDetail.jgTsjbHandleInfoEntity.auditAnswer">
								</el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
					<el-col :span="22">
						<el-form-item label="上传经办过程资料:" prop="" label-width="140px">
							<iframe width="100%"  style="height: 200px;border: none;"   :src="link"></iframe>
						</el-form-item>
					</el-col>
				</el-row>
				</div>
				<el-row>						
					<el-col :span="11">
						<el-form-item label="从国办接收时间:"  prop="" label-width="140px">
							<el-date-picker v-model="fbDetail.jgTsjbReportInfoEntity.receiveTime" value-format="yyyy-MM-dd" placeholder="" disabled></el-date-picker>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="分办时间:"  prop="" label-width="190px">
							<el-date-picker v-model="fbDetail.jgTsjbReportInfoEntity.fbTime" value-format="yyyy-MM-dd"placeholder="" disabled></el-date-picker>
						</el-form-item>
					</el-col>
					
				</el-row>
				<el-row>						
					<el-col :span="11">
						<el-form-item label="拒绝时间:"  prop="" label-width="140px">
							<el-date-picker v-model="fbDetail.jgFbJgjbEntity.refuseTime" value-format="yyyy-MM-dd"placeholder="" disabled></el-date-picker>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="认领时间:"  prop="" label-width="190px">
							<el-date-picker v-model="fbDetail.jgFbJgjbEntity.receiveTime" value-format="yyyy-MM-dd"placeholder="" disabled></el-date-picker>
						</el-form-item>
					</el-col>
					
				</el-row>
				<el-row>						
					<el-col :span="11">
						<el-form-item label="答复时间:"  prop="" label-width="140px">
							<el-date-picker v-model="fbDetail.jgFbJgjbEntity.replyTime" value-format="yyyy-MM-dd" placeholder="" disabled></el-date-picker>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="结束时间:"  prop="" label-width="190px">
							<el-date-picker v-model="fbDetail.jgTsjbReportInfoEntity.endTime"  value-format="yyyy-MM-dd"placeholder="" disabled></el-date-picker>
						</el-form-item>
					</el-col>
					
				</el-row>
				<el-row>						
					<el-col :span="11">
						<el-form-item label="反馈时间:"  prop="" label-width="140px">
							<el-date-picker v-model="fbDetail.jgTsjbReportInfoEntity.fkTime" value-format="yyyy-MM-dd"placeholder="" disabled></el-date-picker>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="22">
						<div style="float:right;">
							<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="viewUniondetail = false;cancel();">关闭</el-button>
						</div>
					</el-col>
				</el-row>

			</el-form>
		</el-dialog>
		<!--监管举报任务分办详情-->
		<el-dialog title="" :visible.sync="viewDispensedetail" center fullscreen>
			<el-form :model="fbDetail" :rules="rules" ref="fbDetail" label-width="140px">
				<el-row>
					<el-col :span="4" class="tab-title">
						监管举报信息详情
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="登记编号:"  prop="jgTsjbReportInfoEntity.registerCode"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.registerCode"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="举报对象:" prop="jgTsjbReportInfoEntity.tipObject"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.tipObject"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="举报对象统一社会信用代码:"  prop="jgTsjbReportInfoEntity.enterpriseCreditCode"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.enterpriseCreditCode"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="举报问题类型:" prop="jgTsjbReportInfoEntity.tipType"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.tipType" placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="举报属地:"  prop="jgTsjbReportInfoEntity.tipTerritory" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.tipTerritory" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="举报地区行政区化代码:"  prop="jgTsjbReportInfoEntity.areaNumber"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.areaNumber" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="商品/服务类型:"  prop="jgTsjbReportInfoEntity.serviceType"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.serviceType"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="商品/服务名称:" prop="jgTsjbReportInfoEntity.serviceName"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.serviceName"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="品牌:"  prop="jgTsjbReportInfoEntity.brand"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.brand"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="发生地点:" prop="jgTsjbReportInfoEntity.happenPlace"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.happenPlace"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="状态:"  prop="jgTsjbReportInfoEntity.status"  label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.status"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="污染类型:" prop="jgTsjbReportInfoEntity.pollutionType"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.pollutionType" placeholder="请选择"  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="涉案金额:"  prop="jgTsjbReportInfoEntity.involveAmount" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.involveAmount" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="信息标签:"  prop="jgTsjbReportInfoEntity.tagName"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbReportInfoEntity.tagName" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="22">
						<el-form-item label="举报内容:"  prop="" label-width="140px">
							<el-input
									type="textarea"
									disabled
									:autosize="{ minRows: 8, maxRows: 8}"
									placeholder=""
									maxlength="500"
									show-word-limit
									v-model="fbDetail.jgTsjbReportInfoEntity.tipDetail">
							</el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="4" class="tab-title">
						举报人信息
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="举报人姓名:"  prop="jgTsjbUserInfoEntity.name" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.name"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="联系地址:" prop="jgTsjbUserInfoEntity.address"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.address"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="性别:"  prop="jgTsjbUserInfoEntity.sex" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.sex"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="手机号码:" prop="jgTsjbUserInfoEntity.mobile"  label-width="190px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.mobile"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="证件类型:"  prop="" label-width="140px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.certificateType" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="证件号码:"  prop="" label-width="190px">
							<el-input v-model="fbDetail.jgTsjbUserInfoEntity.certificateNumber" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="4" class="tab-title">
					   任务分办
					</el-col>
				</el-row>
				<el-row>
						<el-col :span="11">
							<el-form-item label="类型:"  prop="jgFbJgjbEntity.fbType" :rules="rules.fbType" label-width="140px">
								<el-select v-model="fbDetail.jgFbJgjbEntity.fbType" placeholder="请选择" >
									<el-option label="部门" value="0"></el-option>
									<el-option label="地区" value="1"></el-option>
								</el-select>
							</el-form-item>
						</el-col>
					</el-row>
				<el-row v-if="fbDetail.jgFbJgjbEntity.fbType=='0'">
						<el-col :span="11">
							<el-form-item label="部级司局名称:"  prop="jgFbJgjbEntity.fbBureau" :rules="rules.fbBureau" label-width="140px">
								<el-input v-model="fbDetail.jgFbJgjbEntity.fbBureau"  placeholder="" ></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="11">
							<el-form-item label="部级处室名称:" prop="jgFbJgjbEntity.fbDepartment" :rules="rules.fbDepartment"label-width="190px">
								<el-input v-model="fbDetail.jgFbJgjbEntity.fbDepartment"  placeholder="" ></el-input>
							</el-form-item>
						</el-col>
					</el-row>
				<el-row v-if="fbDetail.jgFbJgjbEntity.fbType=='1'">
						<el-col :span="11">
							<el-form-item label="地方管局名称:"  prop="jgFbJgjbEntity.fbBureau" :rules="rules.fbBureau" label-width="140px">
								<el-input v-model="fbDetail.jgFbJgjbEntity.fbBureau"  placeholder="" ></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="11">
							<el-form-item label="地方处室名称:" prop="jgFbJgjbEntity.fbDepartment" :rules="rules.fbDepartment" label-width="190px">
								<el-input v-model="fbDetail.jgFbJgjbEntity.fbDepartment"  placeholder="" ></el-input>
							</el-form-item>
						</el-col>
					</el-row>
				<el-row>
					<el-col :span="22">
						<div style="float:right;">
							<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="fbSubmit()">提交</el-button>
							<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="viewDispensedetail = false;cancel();">取消</el-button>
						</div>
					</el-col>
				</el-row>
			</el-form>
		</el-dialog>
		<!--查看调解信息详情-->
		<el-dialog title="" :visible.sync="viewSupdetail" center fullscreen>
			<el-form :model="supDetail" :rules="rules" ref="supDetail" label-width="140px">
				<el-row>
					<el-col :span="4" class="tab-title">
						调解信息
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="登记编号:"  prop="supDetail.registerCode" :rules="rules.registerCode" label-width="140px">
							<el-input v-model="supDetail.registerCode"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="调解结束日期:" prop="supDetail.mediateEnddate" :rules="rules.mediateEnddate" label-width="140px">
							<el-date-picker
									type="date"
									:editable="false"
									:clearable="false"
									v-model="supDetail.mediateEnddate"
									style="width: 480px"
									disabled
									value-format="yyyy-MM-dd">
							</el-date-picker>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="经办过程编号:"  prop="supDetail.processCode" :rules="rules.processCode" label-width="140px">
							<el-input v-model="supDetail.processCode" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="调解结果:"  prop="supDetail.mediateResult" :rules="rules.mediateResult" label-width="140px">
							<el-input v-model="supDetail.mediateResult"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="侵权类型:" prop="supDetail.tortType" :rules="rules.tortType" label-width="140px">
							<el-input v-model="supDetail.tortType"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="未履行义务:"  prop="supDetail.unactDuty" :rules="rules.unactDuty" label-width="140px">
							<el-input v-model="supDetail.unactDuty" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="是否欺诈:"  prop="supDetail.isFraud" :rules="rules.isFraud" label-width="140px">
							<el-input v-model="supDetail.isFraud"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="行政调解文书号:" prop="supDetail.mediationbookNumber" :rules="rules.mediationbookNumber" label-width="140px">
							<el-input v-model="supDetail.mediationbookNumber"  placeholder=""  disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>
					<el-col :span="11">
						<el-form-item label="争议金额:"  prop="supDetail.disputeAmount" :rules="rules.disputeAmount" label-width="140px">
							<el-input v-model="supDetail.disputeAmount"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="挽回经济损失:" prop="supDetail.redeemAmount" :rules="rules.redeemAmount" label-width="140px">
							<el-input v-model="supDetail.redeemAmount"  placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row>						
					<el-col :span="11">
						<el-form-item label="精神赔偿金额:"  prop="supDetail.moralreparationAmount" :rules="rules.moralreparationAmount" label-width="140px">
							<el-input v-model="supDetail.moralreparationAmount" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="11">
						<el-form-item label="加倍赔偿金额:"  prop="supDetail.doubleindemnityAmount" :rules="rules.doubleindemnityAmount" label-width="140px">
							<el-input v-model="supDetail.doubleindemnityAmount" placeholder="" disabled></el-input>
						</el-form-item>
					</el-col>	
				</el-row>
				<el-row>
					<el-col :span="22">
						<div style="float:right;">
							<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="viewSupdetail = false;">返回</el-button>
						</div>
					</el-col>
				</el-row>
			</el-form>
		</el-dialog>
	</div>
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data() {
            return {
            	uuid:'',
                link:'',
                viewUniondetail: false, //查看联合监管任务详情
				viewDispensedetail: false,
				viewSupdetail: false,
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                tableTotal:'',
				fbDetail: {
				 	jgTsjbReportInfoEntity : {
                        uuid : '',
                        registerCode : '',
                        tipObject : '',
                        enterpriseCreditCode : '',
                        tipType : '',
                        tipTerritory : '',
                        areaNumber : '',
                        serviceType : '',
                        serviceName : '',
                        brand : '',
                        happenPlace:'',
                        status:'',//状态
                        tipDetail:'',
                        pollutionType:'',
                        involveAmount:'',
                        tagName : '',
                        taskState:'',
                        receiveTime : '',
                        fbTime : '',
                        endTime:'',
                        fkTime:'',
					},
					//举报举报人信息
                    jgTsjbUserInfoEntity : {
                        name : '',
                        address : '',
                        sex : '',
                        certificateType : '',
                        certificateNumber : '',
                        mobile : '',
					},
					//催办人信息
                    jgTsjbUrgeInfoEntity:{
                        superviseType:'',
                        superviseDepartment:'',
                        supervisePerson:'',
                        superviseDate:'',
                        superviseWords:'',
					},
					//分办信息
                    jgFbJgjbEntity:{
                        registerCode:'',
                        fbType:'',
                        fbBureau:'',
                        fbDepartment:'',
                        refuseTime : '',//分办拒绝时间
                        receiveTime:'',//分办接受时间
                        replyTime:'',//分办答复时间
                        fbState:'',//分办状态
                        refuseReason:'',//拒绝原因
					},
                    //答复内容
                    jgTsjbHandleInfoEntity:{
                        content:'',//经办意见
                        actionCode:'',
                        processCode:'',
                        progressState:'',
                        auditAnswer : ''
                    }

                },
                supDetail:{
                    registerCode:'',
                    mediateEnddate:'',
                    mediateResult:'',
                    tortType:'',
                    unactDuty:'',
                    isFraud:'',
                    mediationbookNumber:'',
                    disputeAmount:'',
                    redeemAmount:'',
                    moralreparationAmount:'',
                    doubleindemnityAmount:'',
                    processCode:'',
                },
                rules: {
                    fbType : [{
                        required : true,
						message : '分办类型必填',
						trigger : 'blur'
					}],
                    fbBureau : [{
                        required : true,
						message : '分管局名称必填',
						trigger : 'blur'
					},{
                        validator : trimIsEmpty,
                        message : '分管局名称必填',
                        trigger : 'blur'
                    }],
                    fbDepartment : [{
                        required : true,
						message : '处室名称必填',
						trigger : 'blur'
					},{
                        validator : trimIsEmpty,
                        message : '处室名称必填',
                        trigger : 'blur'
                    }]
                },
                dialogForm: false,
                selectForm: {
                    tipTerritory : '',
                    tipObject : '',
                    fbBureau : '',
                    fbDepartment :'',
                    tipType : '',
                    name : '',
                    taskState:'',
                    startTime:'',
                    endTime : ''
                },
                currentRow: null,
                tableData: [{uuid:'1',}],
                showOnSubmit: true,
                showOnReplace: false
            }
        },
        created() {
            var userInfo = JSON.parse(localStorage.getItem('userInfo'));
        },
        mounted(){
           this.getData();
        },
        methods: {
            getData() {
                axios({
                    method: 'get',
                    url: '/dzjzfjg/lhjgjgjb/listFbReportEntity',
                    params: {
                        pageSize: this.pagesize,
                        pageNo: this.currentPage,
                        tipTerritory : this.selectForm.tipTerritory,
                        tipObject : this.selectForm.tipObject.trim(),
                        tipType : this.selectForm.tipType,
                        fbBureau : this.selectForm.fbBureau,
                        fbDepartment : this.selectForm.fbDepartment,
                        name : this.selectForm.name.trim(),
                        receiveStartTime : this.selectForm.startTime,
                        receiveEndTime : this.selectForm.endTime,
                        taskState : this.selectForm.taskState
                    }
                })
				.then(response => {
					let data = response.data;
					if (data.code == 200) {
						let dataInformation = data.data.results;
						this.tableTotal = data.data.total;// 数据长度

						this.tableData = dataInformation;
					} else {
						this.$message.error(data.msg);
					}
				})
				.catch(function (error) {
					console.log(error);
				});
            },
            // 分办提交
            fbSubmit() {
                this.$refs.fbDetail.validate((valid) => {
                    if (valid) {
						axios({
							method: 'post',
							url: '/dzjzfjg/lhjgjgjb/save',
							data: this.fbDetail
						})
						.then((response) => {
							let data = response.data;
							if (data.code == 200) {
								this.viewDispensedetail = false;
								this.$message({
									type: 'success',
									message: '提交成功!'
								});
								this.getData();
							} else {
								this.$message.error(data.msg);
							}
						});
                    }
                });
           	},
            handleChange(value) {
                console.log(value);
            },
            /* 单选搜索表单 */
            selectCurrentChange(val){
                this.currentRow = val;
            },
            /* 列表页搜索 */
            searchForm() {
            	this.currentPage = 1;
                axios({
                    method: 'get',
                    url: '/dzjzfjg/lhjgjgjb/listFbReportEntity',
                    params: {
                        pageSize: this.pagesize,
                        pageNo: this.currentPage,
                        tipTerritory : this.selectForm.tipTerritory,
                        tipObject : this.selectForm.tipObject.trim(),
                        tipType : this.selectForm.tipType,
                        fbBureau : this.selectForm.fbBureau,
                        fbDepartment : this.selectForm.fbDepartment,
                        name : this.selectForm.name.trim(),
                        receiveStartTime : this.selectForm.startTime,
                        receiveEndTime : this.selectForm.endTime,
                        taskState : this.selectForm.taskState
                    }
                })
                .then(response => {
                    let data = response.data;
                    console.log(data);
                    if (data.code == 200) {
                        let dataInformation = data.data.results;
                        this.tableTotal = data.data.total;// 数据长度

                        this.tableData = dataInformation;
                    } else {
                        this.$message.error(data.msg);
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });
            },
            // 判断开始时间是否大于结束时间
			changeStartDate() {
                if(this.selectForm.startTime != "" && this.selectForm.endTime != "") {
                    if(this.selectForm.startTime > this.selectForm.endTime) {
                        this.$message.error("任务接收始日期必须小于等于结束日期");
                        return;
                    }
                }
			},

            /* 列表页重置 */
            resetForm(formName) {
                this.selectForm.tipTerritory = '';
				this.selectForm.tipObject = '';
                this.selectForm.tipType = '';
                this.selectForm.fbBureau = '';
                this.selectForm.fbDepartment = '';
                this.selectForm.name = '';
                this.selectForm.startTime = '';
                this.selectForm.endTime = '';
                this.selectForm.taskState = '';
              	this.searchForm();
            },
            //每页下拉显示数据
            handleSizeChange(size) {
                this.pagesize = size;
                this.getData();
            },
            //点击第几页
            handleCurrentChange(currentPage) {
                this.currentPage = currentPage;
                this.getData();
            },
            // 查看
            view(index,row){
                this.uuid=row.uuid;
                this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                this.viewUniondetail = true;
                this.showInformation(index,row);
            },
            viewSupervision(){
            	this.clear();
            	this.viewSupdetail = true;
            },
            // 分办
            dispense(index,row){
                this.viewDispensedetail = true;
                this.showInformation(index,row);
            },
			// 结束
			finish(index, row) {
                this.$confirm('确定要结束吗?', '提示', {
                    cancelButtonText: '取消',
                    confirmButtonText: '确定',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'get',
                        url: '/dzjzfjg/lhjgjgjb/endreport',
                        params:{
                            registerCode:row.registerCode
                        }
                        
                    })
                    .then(response => {
                        let data = response.data;
                        console.log(response);
                        if (data.code == 200) {
                            // 确认结束
                            this.$message({
                                type: 'success',
                                message: '结束成功!'
                            });
                            this.getData();
                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消'
                    });
                });
			},
			// 反馈
			feedback(index, row) {
                this.$confirm('确定要反馈吗?', '提示', {
                    cancelButtonText: '取消',
                    confirmButtonText: '确定',
                    type: 'warning'
                }).then(() => {
                    axios({
                        method: 'get',
                        url: '/dzjzfjg/lhjgjgjb/tsfk',
                        params:{
                            registerCode:row.registerCode
                        }
                    })
                        .then(response => {
                            let data = response.data;
                            console.log(response);
                            if (data.code == 200) {
                                // 确认反馈
                                this.$message({
                                    type: 'success',
                                    message: '反馈成功!'
                                });
                                this.getData();
                            } else {
                                this.$message.error(data.msg);
                            }
                        })
                        .catch(function (error) {
                            console.log(error);
                        });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '取消'
                    });
                });
			},
            // 公共方法--查看
            showInformation(index,row){
                axios({
                    method: 'get',
                    url: '/dzjzfjg/lhjgjgjb/info',
                    params: {
                        registerCode: row.registerCode
                    }
                })
				.then(response => {
					console.log(response)
					if (response.data.code == 200) {
                        if(response.data.reportVo.jgTsjbReportInfoEntity!=null){
                            this.fbDetail.jgTsjbReportInfoEntity = response.data.reportVo.jgTsjbReportInfoEntity;
                        }
                        if(response.data.reportVo.jgTsjbUserInfoEntity!=null){
                            this.fbDetail.jgTsjbUserInfoEntity = response.data.reportVo.jgTsjbUserInfoEntity;
                        }
                        if(response.data.reportVo.jgFbJgjbEntity!=null){
                            this.fbDetail.jgFbJgjbEntity = response.data.reportVo.jgFbJgjbEntity;
                        }
                        if(response.data.reportVo.jgTsjbHandleInfoEntity!=null){
                            this.fbDetail.jgTsjbHandleInfoEntity = response.data.reportVo.jgTsjbHandleInfoEntity;
                        }
                        if(response.data.reportVo.jgTsjbUrgeInfoEntity!=null){
                            this.fbDetail.jgTsjbUrgeInfoEntity = response.data.reportVo.jgTsjbUrgeInfoEntity;
                        }
                        if(response.data.reportVo.jgTsjbMediateInfoEntity!=null){
                            this.supDetail = response.data.reportVo.jgTsjbMediateInfoEntity;
                        }


                    } else {
						this.$message.error(data.msg);
					}
				})
				.catch(function (error) {
					console.log(error);
				});
            },
            cancel(){
                this.fbDetail= {
                    jgTsjbReportInfoEntity: {
                        uuid: '',
                        registerCode: '',
                        tipObject: '',
                        enterpriseCreditCode: '',
                        tipType: '',
                        tipTerritory: '',
                        areaNumber: '',
                        serviceType: '',
                        serviceName: '',
                        brand: '',
                        status:'',
                        tipDetail: '',
                        happenPlace: '',
                        taskState: '',
                        pollutionType: '',
                        involveAmount: '',
                        tagName: '',
                        receiveTime: '',
                        fbTime: '',
                        endTime: '',
                        fkTime: '',
                    },
                    //举报人信息
                    jgTsjbUserInfoEntity: {
                        name: '',
                        address: '',
                        sex: '',
                        certificateType: '',
                        certificateNumber: '',
                        mobile: '',
                    },
                    //催办人信息
                    jgTsjbUrgeInfoEntity: {
                        superviseType: '',
                        superviseDepartment: '',
                        supervisePerson: '',
                        superviseDate: '',
                        superviseWords: '',
                    },
                    //分办信息
                    jgFbJgjbEntity: {
                        registerCode: '',
                        fbType: '',
                        fbBureau: '',
                        fbDepartment: '',
                        refuseTime: '',//分办拒绝时间
                        receiveTime: '',//分办接受时间
                        replyTime: '',//分办答复时间
                        fbState: '',//分办状态
                        refuseReason: '',//拒绝原因
                    },
                    //答复内容
                    jgTsjbHandleInfoEntity: {
                        content: '',//经办意见
                        actionCode: '',
                        processCode: '',
                        progressState: '',
                        auditAnswer: ''
                    }
                }
            },
            clear(){
                this.supDetail = {
                    registerCode:'',
                    mediateEnddate:'',
                    mediateResult:'',
                    tortType:'',
                    unactDuty:'',
                    isFraud:'',
                    mediationbookNumber:'',
                    disputeAmount:'',
                    redeemAmount:'',
                    moralreparationAmount:'',
                    doubleindemnityAmount:'',
                    processCode:'',
                }
            }
        }
    })
</script>
</body>
</html>